<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">

<h:body>
	<ui:composition template="/secured/workarea.xhtml">
		<ui:define name="espacio_trabajo">
			<h:form id="form">
				<p:growl id="growl" showDetail="true" />
				<p:panel>
					<h:panelGrid columns="4" style="text-align:left;">
						<p:commandButton id="viewButton" value="#{msg.ver }"
							icon="ui-icon-search" oncomplete="verDialog.show()"
							update=":form:displayVer growl cancelarCertificadoBtn" />
					</h:panelGrid>
				</p:panel>
				<p:panel>
					<p:dataTable id="table" value="#{beanCertificados.listItems}"
						var="item" rowKey="#{item.idCert}" paginator="true"
						selection="#{beanCertificados.itemSelected}"
						filteredValue="#{beanCertificados.filteredList }"
						paginatorPosition="bottom" rows="#{beanTabla.noRegistros}">
						<p:column selectionMode="single" style="width:2%" />
						<p:column id="certColmn" headerText="#{msg.certificado}"
							sortBy="#{item.noCertificado}" filterBy="#{item.noCertificado }">
							<h:outputText value="#{item.noCertificado}" />
						</p:column>
						<p:column id="fechaEmiColmn" headerText="#{msg.fecha}"
							sortBy="#{item.stringFechaEmision}"
							filterBy="#{item.stringFechaEmision }">
							<h:outputText value="#{item.stringFechaEmision}" />
						</p:column>
						<p:column id="alumnoColmn" headerText="#{msg.alumno}"
							sortBy="#{item.nombreAlumno}" filterBy="#{item.nombreAlumno }">
							<h:outputText value="#{item.nombreAlumno}" />
						</p:column>
						<p:column id="statusColmn" headerText="#{msg.estatus}"
							sortBy="#{item.status}" filterBy="#{item.status }">
							<h:outputText value="#{item.status}" />
						</p:column>
					</p:dataTable>
					<h:panelGroup>
						<h:panelGrid columns="3" style="text-align:left;">
							<h:outputText value="#{msg.registrosPP}"
								style="font-size:x-small" />
							<h:panelGroup>
								<h:inputText size="3"
									style="font-size:x-small; height:15px; width:25px"
									value="#{beanTabla.registros}" id="noRegistrosPP" />
								<p:watermark value="#{beanTabla.noRegistros}"
									for="noRegistrosPP" />
							</h:panelGroup>
							<p:commandButton icon="ui-icon-arrowrefresh-1-w"
								style="font-size:x-small" update="table"
								actionListener="#{beanTabla.actualizaRegistros}" />
						</h:panelGrid>
					</h:panelGroup>
				</p:panel>
				<!-- Panel de Ver -->
				<p:dialog id="dialog" header="#{msg.ver}" widgetVar="verDialog"
					position="top" draggable="false" modal="true">
					<h:panelGrid id="displayVer" columns="2" cellpadding="4"
						style="text-align:left;">
						<h:outputText value="#{msg.certificado}" />
						<p:inputText readonly="true"
							style="height:100%; width: 260px; font-weight:bold;"
							value="#{beanCertificados.itemSelected.noCertificado }" />
						<h:outputText value="#{msg.nombre}" />
						<p:inputText readonly="true"
							style="height:100%; width: 260px; font-weight:bold;"
							value="#{beanCertificados.itemSelected.nombreAlumno }" />
						<h:outputText value="#{msg.fechaEmision}" />
						<p:inputText readonly="true"
							style="height:100%; width: 260px; font-weight:bold;"
							value="#{beanCertificados.itemSelected.stringFechaEmision }" />
						<h:outputText value="#{msg.fechaCancelacion}" />
						<p:inputText readonly="true"
							style="height:100%; width: 260px; font-weight:bold;"
							value="#{beanCertificados.itemSelected.stringFechaCancelacion }" />
						<h:outputText value="#{msg.motivo}" />
						<p:inputTextarea readonly="#{beanCertificados.enableMotivo }"
							style="height:100%; width: 260px; font-weight:bold;"
							value="#{beanCertificados.motivo }" />
					</h:panelGrid>
					<p:commandButton id="cancelarCertificadoBtn"
						value="#{msg.cancelar }" update="growl"
						disabled="#{beanCertificados.enableCancelacion}"
						actionListener="#{beanCertificados.cancelarCertificadoAction }" />
					<p:spacer width="130" height="0" />
					<p:commandButton id="aceptarVerBtn" value="#{msg.aceptar }"
						icon="ui-icon-check" update="table"
						actionListener="#{beanCertificados.aceptarAction }" />
					<p:commandButton id="cancelarVerBtn" value="#{msg.cerrar }"
						icon="ui-icon-close" onclick="verDialog.hide()"
						actionListener="#{beanCertificados.cancelarAction }" />
				</p:dialog>
				<!-- Fin de panel de Ver -->
			</h:form>
		</ui:define>
	</ui:composition>
</h:body>
</html>